

.city {
    border: 1px solid grey;
    border-radius: 10px;
    width: 1600px;
    height: 1000px;
    /*border: 1px solid red;*/
    margin: auto;
    margin-top: 100px;
    background-image: url(../img/city.png);
    background-size: cover;
    position:relative;
    cursor:url(../img/grab.png) 0 110,pointer
}

.city:active{
    cursor:url(../img/grasp.png) 0 110,pointer
}

.bins {
    /*border: 1px solid red;*/
    width: 800px;
    height: 250px;
    position:absolute;
    top:550px;
    left:700px;
    display: flex;
}

.bins>div{
    width: 200px;
    height: 250px;
    /*border:1px solid blue;*/
    background-image: url(../img/bins.png);
    
}

.plasticBin{ background-position: -200px 2px;}
.metalBin{background-position: -400px 4px;}
.organicBin{background-position: -600px 4px;}

.trashes{
    /* border:1px solid darkgoldenrod; */
    width: 800px;
    height: 150px;
    position:absolute;
    top:800px;
    left:300px;
}

img{
    width: 70px;
    position: absolute;
}

.curtain{
    /*border:1px solid darkred;*/
    height: 150px;/*高*/
    width: 600px;/*宽*/
    position:absolute;/*移动方式*/
    top:350px;/*向下移动*/
    left:300px;/*向右移动*/
    text-align: center;/*文字居中对齐*/
    line-height:150px;/*文字垂直方向对齐*/
    font-size:6em;/*字体大小*/
    color:white;/*字体颜色*/
    -webkit-text-stroke: 1px green;
    font-weight: bold; /*字体粗细*/
    font-family: fantasy; /*字体*/
    display: none; /*显示方式:隐藏*/ 
}

div{
    
}